.swipe-wrapper {
  :global {
    .swiper {
      @apply bg-theme-background;
    }

    .swiper-button {
      @apply absolute top-1/2 -translate-y-1/2 bg-white rounded-full z-[1] w-6 h-6 flex items-center justify-center;
      @apply transition-opacity opacity-0;
    }

    .swiper-wrapper {
      @apply flex items-center;
    }
  }

  &:hover :global(.swiper-button) {
    @apply opacity-80;
  }
}
